<!DOCTYPE html>
<html>
 <head> 
  <meta charset="utf-8" /> 
  <title>
            照相监控系统--登陆
        </title> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
  <link href="__PUBLIC__/css/bootstrap.min.css" rel="stylesheet" media="screen" /> 
 </head> 
 <body> 
  <nav class="navbar navbar-default" role="navigation"> 
   <!-- Brand and toggle get grouped for better mobile display --> 
   <div class="navbar-header"> 
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> 
    <a class="navbar-brand" href="#">VMS</a> 
   </div> 
   <!-- Collect the nav links, forms, and other content for toggling --> 
   <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
    <ul class="nav navbar-nav navbar-right"> 
     <!--
	 <form class="navbar-form navbar-left" role="search" name="wid" method="get"> 
      <div class="form-group"> 
       <input type="text" class="form-control" placeholder="出厂号码" /> 
      </div> 
      <button type="submit" class="btn btn-default">提交</button> 
	 </form>
	--> 
     <li><a href="__ROOT__">主页</a></li> 
    </ul> 
   </div> 
   <!-- /.navbar-collapse --> 
  </nav> 
  <div class="container"> 
   <section class="loginBox row-fluid">  
   <form class="form-group" method="post" onSubmit="return check()">
     <h2>用户登录</h2> 
     <p><input class="form-control" type="text" name="username" placeholder="用户名" required /></p> 
     <p><input class="form-control" type="password" name="password" placeholder="密码" required /></p> 
     <section class="row-fluid"> 
      <section class="span8">
       <label><input type="checkbox" name="rememberme" />下次自动登录</label>
      </section> 
      <section class="span1">
       <input type="submit" value=" 登录 "  class="btn btn-default" />
      </section> 
    </section>  
   </section>
   </form>
   <!-- /loginBox --> 
  </div> 
  <script src="__PUBLIC__/js/jquery.min.js">
        </script> 
  <script src="__PUBLIC__/js/bootstrap.min.js">
        </script> 
  <script>
	function check(){
		var name = $("input[name='username']").val();
		var pass = $("input[name='password']").val();
		
		if(name=="" || name==null){
			alert("用户名不能为空~");
			return false;
		}
		if(pass=="" || pass==null){
			alert("密码不能为空~");
			return false;
		}
		return true;
	}
  </script>
  <style>
body{
	background-image: url("__PUBLIC__/img/bg.png");
	background-repeat: repeat-x;
}
  
.loginBox {
	width: 400px;
	height: 250px;
	padding: 0 20px;
	border: 1px solid #fff;
	color: #000;
	margin-top: 40px;
	border-radius: 8px;
	background: white;
	box-shadow: 0 0 15px #222;
	background: -moz-linear-gradient(top, #fff, #efefef 8%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f4f4f4));
	font: 11px/1.5em 'Microsoft YaHei';
	position: absolute;
	left: 50%;
	top: 300px;
	margin-left: -210px;
	margin-top: -115px;
}

.loginBox h2 {
	height: 45px;
	font-size: 20px;
	font-weight: normal;
}

.loginBox .left {
	border-right: 1px solid #ccc;
	height: 100%;
	padding-right: 20px;
}

</style>  
 </body>
</html>